.save-box { position: absolute; right:0; top:0; color: #fff; margin-right: 50px;}
.save-box span { width: 100px; height: 50px; text-align: center; line-height: 50px; display: inline-block; cursor: pointer;}
.save-box span:hover {    background-color: #428bca;}
.control-box { width: 660px; margin:0 auto; height:49px; }
.control-box ul { margin-bottom: 0; text-align: center;}
.control-box ul li { display: inline-block; width: 60px; height: 49px; color: #fff; cursor: pointer;}
.control-box ul li:hover { background: #4a4a4a;}
.control-box ul li span { margin-top: 7px;}
.sidebar { position: fixed; top: 50px; left:0; bottom: 0;  width: 260px; background-color: #f5f5f5; border-right: 1px solid #eee; z-index: 9999; }
.workspace { overflow: hidden; position: absolute!important; top: 50px; bottom: 0; left: 260px; right: 184px; background: #d0cfd8;}
.create_right {  position: fixed; right: 0; top: 50px; bottom: 0; width: 184px; z-index: 1040;background-color: #f5f5f5;}
.container {    position: absolute; height: 520px; width: 374px; top: 50%; left: 50%; margin-top: -260px; margin-left: -187px;}
.container .phone {border: 0; position: absolute; left: 24px; top: -80px; background-image: url(http://www.eqxiu.com/c/images/phone-4215e3.svg);
width: 326px; height: 620px; z-index: 999; pointer-events: none;}
.workspace #nr {  position: absolute; height: 486px; top: 17px;left: 27px; width: 320px; z-index: 999;}
.page-list li { margin: 5px 5px 0;  height: 70px; line-height: 70px; color: #76838f; position: relative; border: 1px solid #ccd5db; cursor: pointer; background: #fff;}
.m-img { width: 100%; height: 100%; }
.main-page { border: 0; position: static; width: 100%;height: 100%; background-position: top;background-size: cover;box-sizing: border-box; -moz-box-sizing: border-box;
 display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden; -webkit-transform-origin: center center; background: #fff;}
.workspace .phone .name { position: absolute; top: 65px;width: 80%;left: 10%;text-align: center;color: #fff; overflow: hidden;white-space: nowrap; text-overflow: ellipsis; height: 20px;
 margin-top: 0;}
.img-list { overflow: auto; height: 100%;}
.img-list li { width: 50%; float: left; height: 200px; background: #ccc; padding-left: 2px; margin-top: 5px;}
.page-list { height: 100%; overflow: auto; padding-bottom: 70px;}
.page-list .number {float: left;width: 0; height: 0; border-top: 35px solid #76838f; border-right: 35px solid transparent;}
.page-list .number em {position: absolute;top: -22px;color: #fff;left: 0;display: block;width: 20px;text-align: center;}
#editor-trigger { height: 300px !important;}
.page-list li.currentIndex .number  { border-top: 35px solid #08a1ef; border-right: 35px solid transparent;}
.page-list li .del-page { position: absolute; right: 0; top: 50px; width: 20px; height: 20px; line-height: 20px; text-align: center; display: none;}
.page-list li:hover .del-page { display: block;}
